		/*
		 * La función init es la primera que se llama. hace llamar a initialize para
		 * inicializar los elementos del canvas, registra manejadores de eventos
		 * y registra las funciones llamadas por cambios en los estados del Wave.
		*/
		function init() {
						
			$(function(){
			
				//inicialización de canvas
				initialize();
		
				//JQuery
				$("#newNameDiv").hide();

				//link entre funciones y eventos
				$("#zoomIn").click(zoomIn);
				
				$("#zoomOut").click(zoomOut);
				
				$("#renameButton").click(rename);
				$("#acceptRename").click(acceptRename);
				$("#cancelRename").click(cancelRename);
				
				$(document).mousemove(function(e){
				    window.mouseXPos	= e.pageX;
				    window.mouseYPos	= e.pageY;
				});

				$('#auxMenuWrapper').hide();
				$('.tapa-botones').hide();
				$('#auxMenuSlideButton2').click(function() {
					auxMenuControl();
				});
				$('#auxMenuSlideButton1').click(function() {
					auxMenuHide();
				});

				//animación de cargado (loading animation)
				$('#mainContent').fadeIn(2000);
				$('#loading').fadeOut();
				
				//inicialización de funciones de wave
				if (wave && wave.isInWaveContainer()) {
					wave.setStateCallback(draw);
					wave.setPrivateStateCallback(draw);
					wave.setModeCallback(detectMode);
					wave.setParticipantCallback(checkParticipants);
				}
			});

		}
		
		gadgets.util.registerOnLoadHandler(init);
